/* to the body element */
.noscroll { overflow: hidden; }

/* floats */ 

.fl-rt {
	float: right;
}
.fl-lt {
	float: left;
}

.tx-lf {
    display: inline-block;
}

h4 {
    font-family: "Source Sans Pro", "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #037ABA;
    text-transform: uppercase;
    margin: 15px 0;
}



/* Becker Logo */

#becker-logo {
    float: right;
    margin: 0 0 25px 75px;
    max-width: 135px;
}

@media only screen and (max-width: 767px) {
  #becker-logo {
      margin: 0 0 25px 25px;
  }
}

/* Grey Highlight Box */
.grey-highlight-box {
  background-color: #e5e5e5;
  padding: 20px 45px;
  margin: 35px 0 0;
  overflow: auto;
}

.highlight-box-col1 {
  width: 12%;
  float: left;
  padding: 25px 25px 0 0;
}

.highlight-box-col2 {
  width: 88%;
  float: right;
  clear: right;
}

@media only screen and (max-width: 767px) {
  .grey-highlight-box {
      padding: 12px 25px 20px;
  }
  .highlight-box-col1 {
    padding: 25px 10px 0 0;
  }
}

@media only screen and (max-width: 424px) {
  .highlight-box-col1 {
    width: 18%;
  }
  .highlight-box-col2 {
    width: 82%
  }
  .highlight-box-col2 br {
    display: none;
  }
}